.home_top_left{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  image{
    width: 102rpx;
    height: 102rpx;
    border-radius: 102rpx;
    border: 2rpx solid #ffffff;
    box-sizing: border-box;
  }
  .home_top_left_info{
    margin-left: 24rpx;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
      .name{
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #FBFBFB;
      }
      .id{
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #FBFBFB;
      }
    }
  }

  .userpop {
    padding: 100rpx 30rpx;

    .title {
        border-bottom: 1px solid #e2e2e2;
        padding: 0 0 20rpx 0;

        :nth-child(1) {
            font-size: 30rpx;
        }

        :nth-child(2) {
            margin-top: 20rpx;
            font-size: 26rpx;
            color: #666;
        }
    }



    .headbox {
        display: flex;
        align-items: center;
        padding: 20rpx 0;
        border-bottom: 1px solid #e2e2e2;



        .word {
            font-size: 26rpx;
            color: #333333;
        }

        .avatar-wrapper {
            padding: 0;
            //  width: 56px !important;
            border-radius: 8px;
            background-color: #fff;

        }

        .avatar {

            display: block;
            width: 56px;
            height: 56px;
        }
    }

    .inputbox {
        display: flex;
        padding: 20rpx 0;
        align-items: center;
        font-size: 26rpx;

        .word {
            color: #333333;
        }

        .inputword {
            margin-left: 40rpx;
        }
    }
}